<template>
  <el-card>
    <el-button-group>
      <el-button :type="aprovalstatus.unApprovalbutton" @click="unApproval">待审批</el-button>
      <el-button :type="aprovalstatus.Approvalbutton" @click="Approval">已审批</el-button>
      
    </el-button-group>
  </el-card>
  <approval v-if="aprovalstatus.unApprovalbutton=='primary'"></approval>

</template>
<script setup lang="ts">
import { ref } from 'vue'
import approval from '@/components/meetApproval/approval.vue'


const aprovalstatus=ref({
  Approvalbutton:'',
  unApprovalbutton:'primary'
})
//  已审批按钮
const Approval = () => {
  aprovalstatus.value.Approvalbutton = 'primary'
  aprovalstatus.value.unApprovalbutton = ''
  console.log(aprovalstatus.value.Approvalbutton)
}
//  待审批按钮
const unApproval = () => {
  aprovalstatus.value.Approvalbutton = ''
  aprovalstatus.value.unApprovalbutton = 'primary'
  console.log(aprovalstatus.value.unApprovalbutton)
}




</script>